<template>
	<div class="pt-4 text-center">
		<base-icon class="text-[40px]" name="recharge1" />
		<div class="my-2 text-sm text-t-2">{{ $t('betslip.balance') }}</div>
		<base-button type="primary" textT="wallet.deposit" bold block @click="onClick" />
	</div>
</template>

<script lang="ts" setup>
import { BaseButton, BaseIcon } from '@/components/base'
import { useWalletStore } from '@/store'

const walletStore = useWalletStore()

const onClick = () => walletStore.setWalletDepositShow(true)
</script>
